﻿.topArticle
{
    margin-bottom:5px;
    display: inline-table;
    display: inline-block;
}
.topArticle ul.bd
{
    margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
    height: 338px;
    width: 634px;
    float: left;
    overflow: hidden; 
	position:relative;
}
.topArticle ul.bd .tabcontent
{
    display: none;
}
.topArticle ul.bd li
{
    padding: 1px;
    text-align: justify;
    position: relative;
}

.topArticle ul.bd li a
{
    clear: both;
    display: block;
    text-decoration: none;
    color: #000;
}

.topArticle ul.bd li a.des
{
    position: absolute;
    top: 258px;
    height: 80px; padding:0 5px; 
    background:transparent; 
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:20;
}
.topArticle ul.bd li a.des .tit
{
	 color:#FFCC00;
	 height:20px; 
	 font:bold 14px tahoma; 
     overflow:hidden; 
	 line-height:20px;
	 margin:0 auto;
}
.topArticle ul.bd li a.mask
{
    position: absolute;
    top: 258px;
    height: 80px; 
	padding:0 5px; 
    opacity: 0.5;
    filter: alpha(opacity=50);
    background:#000000;  
	z-index:0; 
	width:634px;

}
.topArticle ul.bd li a img
{
    width: 634px; height:338px;
}
.topArticle ul.hd
{
    margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
    width: 634px;
    float: left;
    background: #CCCCCC;
	margin:0 auto;
}
.topArticle ul.hd li
{
    background: #CCCCCC;
    height: 92px;
    width: 125px;
    overflow: hidden;
    display: block;
    padding: 0 0 0 1px;
    color: #000; 
    font-family:Arial; font-size:12px; font-weight:bold;
    text-decoration: none;
	float:left;
}

.topArticle ul.hd li a
{
    background: #CCCCCC;
    height: 92px;
    width: 125px;
    overflow: hidden;
    display: block;
    padding: 0;
    color: #000; 
    font-family:Arial; font-size:12px; font-weight:bold;
    text-decoration: none;
}
.topArticle ul.hd li img
{
    height: 80px;
    width: 113px;
	margin:5px 5px;
	*margin:0px;
    border: 1px solid #fff;
}
.topArticle ul.hd li a.current
{
    text-decoration: none;
    color: #fff;
    background: #999999;
    padding: 0;
    height: 92px;
    width: 124px;
}
.topArticle ul.hd li a span.arrow
{
    display: none;
}
.topArticle ul.hd li a.current span.arrow
{
    background-color: #C72473 ;
    display: none;
    height: 65px;
    margin-left: -20px;
    float: left;
    position: absolute;
    width: 20px;
}
